<template>
  <div>
      <h2>
         data属性中的值： <input :type="type1" v-model="valueson" @input="methodA">子组件修改父组件传来的值
         <br> {{valueson}} <br>
         props属性中的值： <input :type="type1" v-model="value1"> 这个值不能去修改！因为单向数据流！
      </h2>
  </div>
</template>

<script>
export default {
    props:["type1","value1"],
    data() {
        return {
            valueson:""
        }
    },
    watch:{
       value1:function(newValue,oldValue){
            console.log(newValue,oldValue);
            this.valueson = newValue
       }
    },
    methods:{
        methodA(){
            this.$emit('sonMethod',this.valueson);
        }
    }
}
</script>

<style>

</style>